<template>
  <div class="official aaa">
    <dl>
      <dt>前端开发相关官网</dt>
      <dd>
        <a target="_blank" href="https://developer.mozilla.org/zh-CN/">
          <div class="select-box">
            <div class="img-box"><img :src="src[0]" alt=""></div>
            <div class="python-title aaa-title"><span>MDN</span>开发者网址</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://getbootstrap.com/">
          <div class="select-box">
            <div class="img-box"><img src="https://img1.baidu.com/it/u=4074456197,582153555&fm=26&fmt=auto&gp=0.jpg"
                                      alt=""></div>
            <div class="python-title aaa-title"><span>bootstrap</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://api.jquery.com/">
          <div class="select-box">
            <div class="img-box"><img src="https://img0.baidu.com/it/u=1430708631,1338397980&fm=26&fmt=auto&gp=0.jpg"
                                      alt=""></div>
            <div class="python-title aaa-title"><span>JQuery</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://nodejs.org/en/">
          <div class="select-box">
            <div class="img-box"><img src="https://img0.baidu.com/it/u=238001970,1745368623&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
            <div class="python-title aaa-title"><span>node.js</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://www.npmjs.com/">
          <div class="select-box">
            <div class="img-box"><img src="https://static.npmjs.com/b0f1a8318363185cc2ea6a40ac23eeb2.png" alt=""></div>
            <div class="stu-title aaa-title"><span>npm</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://cn.vuejs.org/">
          <div class="select-box">
            <div class="img-box"><img src="https://img0.baidu.com/it/u=2809052415,518307309&fm=26&fmt=auto&gp=0.jpg"
                                      alt=""></div>
            <div class="python-title aaa-title"><span>vue</span>官网</div>
          </div>
        </a>
      </dd><dd>
        <a target="_blank" href="https://reactjs.org/">
          <div class="select-box">
            <div class="img-box"><img src=""
                                      alt=""></div>
            <div class="python-title aaa-title"><span>react</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://webpack.docschina.org/">
          <div class="select-box">
            <div class="img-box"><img src="https://img1.baidu.com/it/u=4255298094,1849192991&fm=26&fmt=auto&gp=0.jpg"
                                      alt=""></div>
            <div class="python-title aaa-title"><span>webpack</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://threejs.org/">
          <div class="select-box">
            <div class="img-box"><img src="https://img1.baidu.com/it/u=834735982,1551411330&fm=26&fmt=auto&gp=0.jpg"
                                      alt=""></div>
            <div class="python-title aaa-title"><span>three.js</span>官网</div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://element.eleme.cn/#/zh-CN">
          <div class="select-box">
            <div class="img-box"><img src="https://img0.baidu.com/it/u=1362472642,3897454152&fm=26&fmt=auto&gp=0.jpg"
                                      alt=""></div>
            <div class="python-title aaa-title"><span>element ui</span>官网</div>
          </div>
        </a>
      </dd> <dd>
        <a target="_blank" href="https://element.eleme.cn/#/zh-CN">
          <div class="select-box">
            <div class="img-box"><img src=""
                                      alt=""></div>
            <div class="python-title aaa-title"><span>element ui plus</span>官网</div>
          </div>
        </a>
      </dd>
    </dl>
  </div>
</template>

<script>
export default {
  name: 'web',
  data () {
    return {
      src: [require('../../../../../assets/web-icon/mdn.png')]
    }
  }
}
</script>

<style scoped lang="scss">
@import "~@/assets/css/t5.scss";
</style>
